/* 全局样式 */
* {font-family: "Microsoft yahei","微软雅黑",Arial;}
body {margin: 0;padding: 0;	font-size: 15px; color: #000; height:100%; line-height:22px; width:100%;}
div,span,form,img,ul,ol,li,dl,dt,dd,section, header, nav {margin: 0; padding: 0; border: 0;}
ul,h1,h2,h3,h4,h5,h6,p{padding: 0;	margin: 0;list-style-type: none;font-weight: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li,dl {	list-style-type: none;}
i, em { font-style: normal;}
input,button,textarea,select {font: 100% Arial, '宋体';	outline: none;}
.clear {height: 0;line-height: 0;font-size: 0;clear: both;}
img{border:none;}
html{overflow-x:hidden;}
a {color:#333;text-decoration:none;}
a:hover, a:active {color:#ec0000;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.oh { overflow: hidden; *zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lf{ float:left;}
.rg{ float:right;}
.box{ width:1200px; margin:0 auto;}
.boxs{ width:100%; margin:0 auto;}
.mt_50{margin-top:50px;}
.mt_80{margin-top:80px;}
.mtb_80{margin-top:80px; margin-bottom:20px;}
.over {overflow: hidden}
.bg_pic_1{ background:url(../images/index/ser_bg.jpg) no-repeat center;}
.bg_pic_2{ background:url(../images/index/case_bg.jpg) no-repeat center;}
.h550{ height:550px;}
.h600{ height:600px;}

/*pic*/
.imghove img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghove:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.imghove2 img{ -moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.imghove2:hover img{  transform:translate(-10px); -moz-transform:translate(-10px); -ms-transform:translate(-10px); -o-transform:translate(-10px); -webkit-transform:translate(-10px); }
.imghover_big { overflow: hidden; display: block; }
.imghover_big img { width: 100%; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; overflow: hidden; }
.imghover_big:hover img { transform: scale(1.1); webkit-transform: scale(1.1); }

/********************************* index *********************************/

/*menu*/
.ibox-inner{ width: 86%; margin: 0px auto; max-width: 1600px;}
.top a:link, .top a:visited { color: #333;}
.top a:active, .top a:hover { color: #333;}
.top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; height: 80px; color: #333; -webkit-transition: 0.3s; transition: 0.3s;}
.logo{ float: left; display: block; margin-top: 15px;}
.logo a{ display: block; height: 55px;}
.logo img{ height: 100%; display: block;}
.logo img.img2{ display: none;}
.top .slogan{float:left;border-left: 1px #ddd solid;margin-left: 20px; margin-top: 20px; padding-left:20px;}
.top .slogan h2{font-size: 18px;color: #333; font-weight:bold;}
.top .slogan p{font-size: 14px;color: #666;margin-top: 4px;}
.top .tel{float:right;margin-top: 18px;}
.top .tel dl{padding-left: 35px;background:url(../images/h_tel.png) no-repeat 0 center;}
.top .tel dt{font-size: 14px;color: #333;margin-bottom: 3px;}
.top .tel dd{font-size: 22px;color: #333;}

.nav{ float: right; display: block; margin-right:109px;}
.nav>ul>li{ position: relative; float: left; display: inline-block; margin-right: 45px;}
.nav>ul>li>a{ display: block; line-height: 80px; height: 80px; font-size:16px;}
.nav>ul>li>a.active{ color: #0073BE;border-bottom: 2px #0073BE solid; line-height: 78px; height: 78px;}
.nav .sub-nav{ position: absolute; left: 50%; top: 80%; width: 116px; margin-left: -68px; font-size:14px; background-color: #fff; padding: 10px;  box-shadow: 0 0 3px rgba(0,0,0,0.1);  display: none;}
.nav .sub-nav:before{ content: ""; position: absolute; left: 50%; top: -5px; margin: -5px 0 0 -6px; width: 0; display: block; border: 6px solid; border-width: 0 6px 12px 6px; border-color: transparent transparent #fff  transparent ;  transition: 0.3s; -webkit-transition: 0.3s;}
.nav .sub-nav a:link, .nav .sub-nav a:visited { color: #333;}
.nav .sub-nav a:active,.nav .sub-nav a:hover { color: #00A2E9;}
.nav .sub-nav p{ margin-bottom: 10px; text-align: center;}
.ptop a:link, .ptop a:visited { color: #333;}
.ptop a:active, .ptop a:hover { color: #00A2E9;}
.ptop .logo img.img1{ display: none;}
.ptop .logo img.img2{ display: block;}
.ptop .nav>ul>li>a.hov{ color: #09F;}
.ptop{ background-color: #FFF; color: #333; box-shadow: 0 0 3px rgba(0,0,0,0.8); }
.menu-handler{ position: absolute; right: 0; top: 0; width:54px; height: 54px; display:none; cursor: pointer; background-color: ; z-index: 1010;}
.menu-handler span { position: relative; display: block; margin: 26px auto 0; width: 18px; height: 2px; background-color: #FFF; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #FFF; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before { -webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.menuBox { background-color: #fafafa; color: #333; position: fixed; display: none; left: 0px; top: 0px; width: 70%; height: 100%; height:100vh; overflow-x:hidden; overflow-y:auto; -moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%); -webkit-overflow-scrolling:touch;  z-index: 1080; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.menu-close{ padding: 15px; float: right; margin-right: 0; line-height: 1; background:url(../images/close_ico.png) no-repeat center;}
.menuBox a:link, .menuBox a:visited { color: #333;}
.menuBox a:active, .menuBox a:hover { color: #333;}
.menubar{ padding:60px 0 80px;}
.menubar a{ display: block;}
.menubar>li{ border-bottom: 1px solid #d9d9d9;}
.menubar>li>a{ position: relative; font-weight: 700; font-size: 15px; padding: 10px 5%;}
.menubar>li>a:before{ content: ""; background:url(../images/menu_r.png) no-repeat center; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 5%; top: 50%; width: 18px; height: 18px; margin-top: -9px; transition: 0.3s; -webkit-transition: 0.3s;}
.menubar>li>.sub-menu{ padding: 0px 5%; background-color: #f5f5f5; border-top: 1px solid #d9d9d9; display: none;}
.menubar>li>.sub-menu>li{ padding: 5px 15px; border-bottom: 1px solid #e8e8e8;}
.menubar>li>.sub-menu>li:last-child{ border-bottom: 0px none;}
.menubar>li>.sub-menu>li>a{ padding: 10px 0;}
.menubar>li>.sub-menu>li>.sub-menu>li>a{ padding: 5px 0; margin: 0px 15px;}
.menubar>li>.sub-menu>li>.sub-menu>li>a:before{ content: "– ";}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1050; background-color: rgba(0,0,0,0.4); visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0%); -ms-transform:translateX(0%); -webkit-transform:translateX(0%);  transform:translateX(0%);}
.menuOpen .body-right{ -moz-transform:translateX(70%); -ms-transform:translateX(70%); -webkit-transform:translateX(70%); transform:translateX(70%);}
.menuOpen .top{ -webkit-transform:translateX(70%); transform:translateX(70%); }

/*Banner*/
.banner{width:100%; position:relative; height:600px; z-index:0; margin-top:80px;}
.banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.banner .bd li a{display:block;height:600px;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:50px;left:0;height:30px;line-height:30px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:7px;margin:1px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.banner .hd ul .on{background:#000;}
.banner .prev,.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{left:auto;right:15%;background-position:-6px -137px;}

/*index title*/
.i_tit {text-align:center;}
.i_tit .tit {font-size:34px; color:#333; font-weight:700; margin-bottom:30px;}
.i_tit .line { margin:20px auto; width:60px; height:2px; background:#22A864;} 
.i_tit p {font-size:14px;color:#999;}
.i_more {display:block;width:290px;margin:0 auto;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;background-color:#167FC4;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_more:hover {background-color:transparent;color:#167FC4;border:1px solid #167FC4;}

/*index pro*/
.m-tab01 {margin:50px 0;text-align:center;font-size:0;}
.m-tab01 li {display:inline-block;}
.m-tab01 li a {display:block;width:167px;border:1px solid #b9b9b9;height:42px;line-height:42px;text-align:center;color:#333;font-size:14px;margin:0 5px;}
.m-tab01 li.active a,.m-tab01 li a:hover {color:#fff;background-color:#0174BE;margin:0 5px;}
/*tab content*/
.tab-content-wrap {position:relative;margin-top:20px;height:580px}
.tab-content {position:absolute;transition:all .7s linear;opacity:0;z-index:-1;height:0;width:100%}
.tab-content.show {height:auto;opacity:1;top:0;z-index:1}
.tab-content .col-sm-3 {padding:0 10px}
.tab-content .col-sm-3 .tab-card {position:relative;padding:20px;background:#fff;border-radius:2px;overflow:hidden;cursor:pointer;transition:.2s linear}
/*pro list*/
.i_pro_list {overflow:hidden;margin:0 -10px;}
.i_pro_list li {float:left;width:25%;margin-bottom:28px;}
.i_pro_list li a {display:block;border:1px solid #e4e4e4;padding:15px 15px 0 15px;margin:0 15px;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_pro_list li:hover a {border:1px solid #0174BE;}
.i_pro_list li .pic {overflow:hidden;position:relative;height:0;padding-top:75%;}
.i_pro_list li .pic img {position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_pro_list li .pic img:hover {-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);}
.i_pro_list li .txt {overflow:hidden;}
.i_pro_list li .txt .tit {text-align:center;font-weight:400;font-size:14px;color:#333;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:42px;line-height:42px;}
.i_pro_list li:hover .txt .tit {color:#0174BE;}
.i_pro_list li .txt .more {display:none;float:right;margin-left:10px;height:40px;line-height:40px;color:#d83648;font-size:12px;text-transform:uppercase;}
/*pro ser*/
.i_pro_ser_li{float:left; width:600px; height:360px;}
.i_pro_ser{background:#0174BE;width:500px;height:330px;padding:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_pro_ser .i_pro_ser_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_pro_ser:hover .i_pro_ser_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.i_pro_ser .i_pro_ser_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.i_pro_ser .i_pro_ser_caption::before,.i_pro_ser .i_pro_ser_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.i_pro_ser .i_pro_ser_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.i_pro_ser .i_pro_ser_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.i_pro_ser:hover .i_pro_ser_caption::before,.i_pro_ser:hover .i_pro_ser_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.i_pro_ser .i_pro_ser_caption,.i_pro_ser .i_pro_ser_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:500}
.i_pro_ser .i_pro_ser_caption_h{font-size:2.0em; line-height:2.2em;font-weight:600;text-align:center;width:80%;position:absolute;top:25%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.i_pro_ser .i_pro_ser_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.i_pro_ser:hover .i_pro_ser_caption_p{top:45%;opacity:1}

/*index youshi*/
.i_youshi{margin-top:46px;}
.i_youshi dl{ width:100%; height:430px; overflow:hidden; display:block;}
.i_youshi dl.dl2{ width:100%; height:430px;}
.i_youshi dl .jz{margin:0 auto;width:1200px; display:block; height:430px; position:relative; z-index:1;}
.i_youshi dl dt{float:left; width:600px;}
.i_youshi dl dt img{display:block;width:100%;height: 430px;}
.i_youshi dl dd{float:right; width:520px;}
.i_youshi dl dd h3{display:block; height:96px; margin-top:50px;}
.i_youshi dl dd h3 i{display:block; float:left; width:84px; height:96px; background:url(../images/index/youshi_ico.png) center center no-repeat; font-size:70px; line-height:96px; color:#FFFFFF; text-align:center;}
.i_youshi dl dd h3 span{display:block;float:left;margin-left:30px;width:406px;font-size:35px;color: #167FC4; font-weight:bold; margin-top:15px;}
.i_youshi dl dd h3 p{display:block;float:left;margin-left:30px;width:406px;font-size:18px;color: #167FC4;}
.i_youshi dl dd p{display:block;font-size:16px;color: #666;line-height:30px;margin-top:22px;height:82px;}
.i_youshi dl.dl2 dd h3{ margin-top:80px;}
.i_youshi dl dd a:hover{background-color:#3fb150; border:#3fb150 solid 1px; color:#fff; position:relative;}
.i_youshi dl dd a img{width:120px; height:0; position:absolute; left:198px; top:-1px;transition: all ease 600ms; z-index:10;}
.i_youshi dl dd a:hover img{height:120px; z-index:10}
.i_youshi dl.dl2 dd,.i_youshi dl.dl4 dd{float:left;}
.i_youshi dl.dl2 dt,.i_youshi dl.dl4 dt{float:right;}

/*index case*/
.i_case.swiper-container {margin:60px 0;overflow:hidden;}
.i_case.swiper-container .swiper-slide {background-color:#fff;}
.i_case .swiper-slide .pic {overflow:hidden;position:relative;height:0;padding-top:75%;}
.i_case .swiper-slide .pic img {position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_case .swiper-slide .pic img:hover {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.i_case .swiper-slide p {height:42px;line-height:42px;text-align:center;font-size:16px;color:#222;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_case .swiper-slide:hover p{color:#fff;background-color:#dc001d;}

/*index about*/
.i_about {padding:60px 0;}
.i_about .g-tit01 {display:none;}
.m-imgtxt03 {overflow:hidden;position:relative;padding-right:10px;}
.m-imgtxt03:after {content:'';position:absolute;top:0;right:0;width:196px;height:100%;z-index:-1;}
.m-imgtxt03 > .pic {float:right;overflow:hidden;width:431px;height:390px;margin-top:66px;}
.m-imgtxt03 > .pic > img {display:block;width:100%;height:100%;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.m-imgtxt03 > .pic > img:hover {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.m-imgtxt03 .i_about_box {float:left;width:53%;}
.m-imgtxt03 .i_about_box a.desc {display:block;}
.m-imgtxt03 .i_about_box a.desc .tit {padding:22px 0 0 0px;font-size:24px; font-weight:bold;text-align:center;color:#333;background-repeat:no-repeat;background-position:left center;-webkit-background-size:contain;background-size:contain;}
.m-imgtxt03 .i_about_box a.desc p { text-indent:2em; font-size:14px;line-height:26px;margin:28px 0;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.ul-imgtxt04 {overflow:hidden;padding:50px 0;}
.ul-imgtxt04 li {float:left;width:50%;margin-bottom:50px;cursor:pointer;}
.ul-imgtxt04 li .pic {float:left;width:45px;height:45px;text-align:center;}
.ul-imgtxt04 li .pic img {display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.ul-imgtxt04 li .txt {overflow:hidden;padding-left:16px;}
.ul-imgtxt04 li .txt .tit a {display:block;height:24px;line-height:24px;font-size:18px;color:#333;font-weight:400;}
.ul-imgtxt04 li .txt p {height:22px;line-height:22px;font-size:14px;color:#b2b2b2;}
.m-imgtxt03 .g-more01 {display:none;border-radius:30px;}

/*index center banner*/
.i_c_banner{background: url(../images/index/center_bg.jpg) center center no-repeat;width:100%;height:200px;margin-top:60px;}
.i_c_banner .slip_tit{width:772px;}
.i_c_banner .slip_tit .tit1{padding-top: 55px;font:bold 26px "microsoft yahei";color: #fff; line-height:45px; text-align:center;}
.i_c_banner .slip_btn{width: 250px;text-align:center;margin-right: 30px;}
.i_c_banner .slip_btn span{display:block;font-size: 15px;color: #fff;line-height: 18px;padding-top: 70px;padding-bottom: 5px;}
.i_c_banner .slip_btn span i{width:16px;height:16px;background-position:-0px -141px;margin-right: 7px;}
.i_c_banner .slip_btn p{font-weight:bold;font-size: 34px;color:#FF0;font-family:"Arial";line-height:36px;}

/*index news*/
.m-list01.swiper-container {overflow:hidden;margin:50px 0;}
.i_news {float:left;width:50%;background-color:#f7f7f7;}
.i_news .pic {overflow:hidden;position:relative;height:0;padding-top:45%;}
.i_news .pic img {position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.i_news .txt {padding:15px 20px;}
.i_news .txt h4 a {position:relative;display:block;font-size:18px;color:#333;height:46px;line-height:46px;font-weight:700;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_news .txt h4 a:hover {color:#dc001d;}
.i_news .txt h4 a:after {content:'';position:absolute;bottom:0;right:0;width:0;height:1px;background-color:#dc001d;transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;}
.i_news .txt h4 a:hover:after {width:100%;}
.i_news .txt p {font-size:14px;color:#aeaeae;margin-top:16px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.i_news .txt .time {display:none;font-size:14px;color:#ccc;}
.i_news_list {float:right;width:42%;}
.i_news_list li {overflow:hidden;color:#333;position:relative;}
.i_news_list li:after {content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#dc001d;transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;}
.i_news_list li:hover:after {width:100%;}
.i_news_list li .txt .tit {overflow:hidden;}
.i_news_list li .txt .tit .time {float:right;margin-left:10px;font-size:14px;height:45px;line-height:45px;transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;}
.i_news_list li:hover .txt .tit .time {color:#dc001d;}
.i_news_list li .txt {overflow:hidden;}
.i_news_list li .txt .tit h5 a {display:block;position:relative;padding-left:20px;height:45px;line-height:45px;font-weight:400;font-size:15px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;-o-transition:.8s;}
.i_news_list li:hover .txt .tit h5 a {color:#dc001d;}
.i_news_list li .txt .tit h5 a:before {content:'';position:absolute;top:50%;left:0;margin-top:-4px;width:8px;height:8px;border-radius:50%;background-color:#7f7f81;transition:.6s;-ms-transition:.6s;-moz-transition:.6s;-webkit-transition:.6s;-o-transition:.6s;}
.i_news_list li:hover .txt .tit h5 a:before {background-color:#dc001d;}

/*food*/
.footer {background-color:#226EBC;}
.fd-top {overflow:hidden;padding:16px 0 38px;}
.g-tit02{ font-size: 20px; color: #fff;	margin: 20px 0; font-weight:bold;}
.fd-left {float:left;width:41%;}
.fd-left input,.fd-left textarea {background-color:transparent;color:#fff;}
.fd-left .inp {display:inline-block;width:188px;height:42px;border:1px solid #fff;padding:0 10px;font-size:14px;}
.fd-left .textarea {overflow:hidden;margin:8px 0;width:380px;height:82px;border:1px solid #fff;resize:none;display:block;line-height:38px;font-size:14px;padding:0 10px;}
.fd-left .sub {width:380px;height:52px;line-height:52px;text-align:center;background-color:#fff;border:0;font-size:16px;cursor:pointer;color:#222;}
.fd-txt {float:left;}
.fd-txt p {font-size:15px;color:#fff;line-height:40px;padding-left:40px;background-position:left center;background-repeat:no-repeat;}
.fd-txt p a {font-size:15px;color:#fff;}
.fd-txt p a:hover{color:#ff0;}
.fd-txt .p1 {background-image:url(../images/index/foot_icon1.png);}
.fd-txt .p2 {background-image:url(../images/index/foot_icon2.png);}
.fd-txt .p3 {background-image:url(../images/index/foot_icon3.png);}
.fd-txt .p4 {background-image:url(../images/index/foot_icon4.png);}
.fd-qr {float:right;}
.fd-qr .qr {width:146px;height:146px;margin:0 auto;background-image:url(../images/qr_bg.png);background-repeat:no-repeat;background-position:center top;}
.fd-qr .qr img {display:inline-block;vertical-align:middle;max-width:106px;max-height:106px;padding:20px;}
.fd-qr .qr p {font-size:15px;color:#fff;text-align:center;line-height:40px;height:40px;position:relative;top:-20px;}
.footer .copy {text-align:center;background-color:#105C8F;height:50px;line-height:50px;}
.footer .copy p {display:inline-block;font-size:15px;color:#FFF;}
.footer .copy p a {display:inline-block;color:#FFF;}
.footer .copy p a:hover {color:#FF0;}

/********************************* class *********************************/

/* banner*/
.c_banner{ width:100%; height:450px; z-index:0; overflow:hidden;}
.c_banner .title { width:350px; height:150px; margin: 80px auto 0; text-align:center; }
.c_banner .title .cn  { font-size: 40px; font-family: helv; text-transform: uppercase; font-weight: 800; color:#FFFFFF; padding-top:150px; line-height:80px; text-shadow:0 0 5px rgba(0,0,0,.8);}
.c_banner .title i { width: 50px; height: 2px; float: left; background: #FFF; margin-left:150px; }

/*kuangjia*/
.container{ padding:50px 0;}
/*left*/
#left {width:260px;float:left;}
.left_list {width:100%;float:left;box-shadow:0px 0px 5px #ccc;}
.left_top {width:100%;height:55px;line-height:55px;float:left;background:#005aab;}
.left_top h3 {float:left;line-height:55px;font-size:20px; font-weight:bold;color:#FFF;padding-left:22px;}
.left_con {padding:0px;line-height:24px;width:100%;background:#fff;float:left;border:1px solid #e5e5e5;border-top:none;}
.type_list {width:100%;float:left;}
.type_list ul {margin:0px;padding:0px;list-style-type:none;}
.type_list li {margin:0px;padding:0px;list-style-type:none;height:43px;line-height:43px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.type_list li a {color:#313131;margin:0 22px;background:url(../images/class/left_0.png) no-repeat right center;font-size:15px;display:block;}
.type_list li a:hover {color:#005aab;background:url(../images/class/left_0.png) no-repeat right center;}
.type_list li a.current {color:#005aab;background:url(../images/class/left_0.png) no-repeat right center;}
.mar-top {margin:25px 0;}
.left_contact {float:left;width:100%;padding:15px 0 15px 10px;font-size:14px;}
.left_contact p {margin:0 0 3px 0;}

/*right*/
#right {width:880px;float:right;}
#right_top {float:left;width:100%;padding-bottom:5px;border-bottom:2px solid #EBEBEB;}
#right_top h3 {float:left;font-size:18px;line-height:30px;font-weight:bold;}
#right_top h3:before {content:"";float:left;display:block;width:4px;height:20px;background:#d50100;margin-right:10px;margin-top:5px;}
#right_con {width:100%;float:left;padding:20px 0 0 0;line-height:200%;overflow:hidden;min-height:300px;height:auto !important;}
#right_con img {max-width:100%;height:auto;}
.padding-10 {float:left;width:100%;padding:0 10px;overflow:hidden;}
.ur_here {float:right;font-size:14px; line-height:25px; margin-top:5px;}
.ur_here a {font-size:14px; color:#333;}
.ur_here a:hover {color:#d50100;}

/*about*/
.txts{width:100%; color:#333;}
.txts img{margin:0 auto; display: block; max-width:1100px;}
.txts p{text-indent:2em; line-height:35px; padding-bottom:10px; font-size:16px;}

/*page*/
.pages{clear: both;margin:20px auto 20px auto; padding-top:50px; overflow: hidden; text-align: center;font-size:14px;}
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 5px 14px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#005aab;color:#fff;border: 1px solid #005aab}
.pages ul li:hover a{color:#fff;}
.pages ul li.hover{display: inline-block;border: 1px solid #005AAB;padding: 5px 14px;margin: 0 1px;background: #005aab;color: #fff;}
.pages ul li.hover a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}

/*product*/
.c_pro_list {margin:0 0 20px;}
.c_pro_list ul {margin:0 -10px;*zoom:1;}
.c_pro_list:after,.c_pro_list:before {display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.c_pro_list ul li {width:280px; height:250px; float:left;margin:10px 10px;}
.c_pro_list ul li a {display:block;text-align:center;}
.c_pro_list ul li a .pic { width:280px; height:210px; position:relative;overflow:hidden;}
.c_pro_list ul li a .pic img {display:inline-block;vertical-align:middle;position:absolute;top:0;left:0;bottom:0;right:0;display:block;width:100%;height:100%;margin:auto;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
.c_pro_list ul li a:hover .pic img {transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);}
.c_pro_list ul li a h4 {height:40px;line-height:40px;text-align:center;font-size:15px;color:#666;font-weight:400;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:#f5f5f5;}
.c_pro_list ul li a:hover {text-decoration:none;}
.c_pro_list ul li a:hover h4 {background-color:#005AAB;color:#fff;}

/*product view*/
.showImg{padding-top:40px;}
.mod18{width:530px;position:relative;margin:0 auto;}
.mod18 .btn1{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev1{left:0px;background:url(../images/class/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px; display:none;}
.mod18 #prev,.mod18 #next{top:440px;width:10px;height:16px;background:url(../images/class/prevBtn.png) no-repeat;}
.mod18 .prev1{left:10px;background:url(../images/class/prevBtn.png) no-repeat;}
.mod18 #next.btn1.next{right:0px;background:url(../images/class/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf img{width:530px;height:392px; background-size:100%;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:530px; height:398px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:398px;position:absolute; left:0;}
.mod18 .picBox li{width:530px;height:398px;}
.mod18 .listBox{width:500px;height:74px;margin:0 auto;position:relative; margin-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:74px;position:absolute; padding-left:2px;}
.mod18 .listBox li{width:100px;height:74px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox img{border: 3px solid #ffffff;width:90px;height:68px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.mod18 .listBox .on img{border-color: #3fb150;}

.showProduct{padding-bottom: 30px;}
.showProduct .imgtxtcon{width: 630px;float: left;margin-left: 40px;}
.showProduct .imgtxtcon .tit{font-size: 24px;font-weight: bold; color: #333; line-height: 30px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #dedede;}
.showProduct .imgtxtcon .tit2{color: #999;font-size: 14px;margin-bottom: 30px;line-height:30px;padding-top:20px;text-align: justify;height: 178px;border-bottom: 1px dotted #dedede;overflow: hidden;}
.showProduct .imgtxtcon .tel{font-size: 20px;}
.showProduct .imgtxtcon .tel strong{color: #005AAB;font-size: 25px;font-weight: bold;line-height: 40px;}
.showProduct .showp_txt{padding: 40px 0 40px 0;position: relative;}
.showProduct .showp_txt .tit{border-bottom: 1px solid #eee;position: relative;padding-bottom: 12px;margin-bottom: 15px;}
.showProduct .showp_txt .tit h3{font-size: 20px; color: #005AAB; font-weight:bold;}
.showProduct .showp_txt .tit s{width: 80px;height: 5px;display: block;position: absolute;left: 0;bottom: -2px;background: #CCC;}
.showProduct .showp_txt .txtcon{color: #666;line-height: 30px;}

/* reLink */
.reLink{width: 100%;height: 25px;border-top: 1px solid #d7d6d6;padding: 15px 0 20px;margin-top:20px;}
.reLink .nextLink,.reLink .prevLink{width: 50%; line-height: 25px; color: #666; float:left;}
.reLink .nextLink{text-align: right; float:right;}
.reLink a{color: #666;}
.reLink a:hover{color: #ec0000;}

/*news list*/
.c_news_list {margin:0 0 20px;}
.c_news_list ul{overflow:hidden;margin-bottom:30px;}
.c_news_list ul li {font-size:14px;padding:12px 0;border-bottom:#dddddd 1px dotted;}
.c_news_list ul li a {display:block;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.c_news_list ul li .tit {overflow:hidden;margin-bottom:10px;height:30px;line-height:30px;}
.c_news_list ul li .tit .time {float:right;font-size:14px;margin-left:10px; color:#666666;}
.c_news_list ul li .tit a h4 {display:block; font-size:18px; font-weight:700; -ms-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.c_news_list ul li a:hover {color:#dc001d;}
.c_news_list ul li .txt p {font-size:14px;line-height:24px; color:#999; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

/*news view*/
.m-news1 {padding-top:20px;}
.m-news1 h1 {line-height:45px;color:#333;margin-bottom:15px;text-align:center;font-size:28px; font-weight:600;}
.m-news1 .desc {text-align:center;border-bottom: 1px solid #d7d6d6; margin-bottom:30px; line-height:30px;}
.m-news1 .desc span {display:inline-block;font-size:14px;margin:0 10px; color:#666666;}

/*case*/
.icon{background: url(../images/class/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.c_case{overflow: hidden;width: 100%;padding-top: 20px;padding-bottom: 30px;}
.c_case .list{ overflow:hidden; margin-right:-20px;}
.c_case .item{width: 282px; float:left; display: inline-block; margin-bottom: 30px; margin-right:18px; position: relative;}
.c_case .item a{display: block;}
.c_case .item .img{width: 272px; height: 207px; overflow: hidden; border:#eeeeee solid 1px; position: relative; text-align:center;}
.c_case .item .img img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 260px;height: 195px;display:inline-block; padding:5px;}
.c_case .item .item_mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; filter: Alpha(opacity=0); *zoom: 1; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .7s;}
.c_case .item .item_mask .item_link_icon{display: block; width: 40px; height: 40px; text-align: center; line-height: 28px; position: absolute; left: 50%; top: 50%;*top: 40%; margin-left: -20px; margin-top: -0px; opacity: 0; filter: Alpha(opacity=0); *zoom: 1;}
.c_case .item .txt{background: #fff; height: 40px; line-height: 40px; position: relative; font-size: 14px; color:#333; border-bottom:#eeeeee solid 1px;}
.c_case .item .txt p{font-size: 16px; color:#333; transition: .5s ease; text-align:center;}
.c_case .item:hover p{color:#dc001d;transition: .5s ease;}
.c_case .item:hover img{transform: scale(1.1, 1.1);}
.c_case .item:hover .item_mask{opacity: 1; filter: Alpha(opacity=100); -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(1, 116, 190, 0.5);}
.c_case .item:hover .item_mask .item_link_icon{transform: translateY(-21px); opacity: 1; filter: Alpha(opacity=100);}